html body {
  overflow: hidden; }
  html body .success-msg {
    color: #5cb85c; }
  html body .user-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
    display: none;
    z-index: 10; }
  html body .content {
    position: absolute;
    margin: 0;
    top: 37px;
    left: 15%;
    overflow: hidden;
    bottom: 0; }
    html body .content .page-inner .item-header {
      margin-bottom: 10px;
      padding-left: 20px;
      padding-right: 10px;
      height: 40px;
      background: #fff;
      padding-top: 5px;
      box-sizing: border-box; }
      html body .content .page-inner .item-header .search-box {
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        html body .content .page-inner .item-header .search-box .search-input-border {
          height: 20px;
          border-right: solid 1px #dee6ea;
          position: absolute;
          top: 5px;
          right: -15px; }
        html body .content .page-inner .item-header .search-box .search-icon {
          background: url("../images/search-icon.png") no-repeat;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 7px;
          right: 0;
          cursor: pointer; }
        html body .content .page-inner .item-header .search-box input {
          height: 29px;
          border: 0;
          outline: none;
          width: 150px; }
      html body .content .page-inner .item-header .item-right {
        float: right; }
        html body .content .page-inner .item-header .item-right .add-user-btn {
          background: #03a9f4;
          border-radius: 4px;
          width: 78px;
          height: 29px;
          border: 0;
          color: #fff;
          cursor: pointer;
          outline: none; }
          html body .content .page-inner .item-header .item-right .add-user-btn:hover {
            background: #66bb6a; }
      html body .content .page-inner .item-header:after {
        clear: both; }
    html body .content .page-inner .item-content {
      border: 0;
      min-height: 480px;
      margin-bottom: 20px; }
      html body .content .page-inner .item-content .table-box {
        margin: 0; }
        html body .content .page-inner .item-content .table-box table thead tr, html body .content .page-inner .item-content .table-box table tbody tr {
          border-bottom: solid 1px #dee6ea; }
          html body .content .page-inner .item-content .table-box table thead tr th, html body .content .page-inner .item-content .table-box table thead tr td, html body .content .page-inner .item-content .table-box table tbody tr th, html body .content .page-inner .item-content .table-box table tbody tr td {
            border: 0;
            font-weight: 400;
            text-align: left;
            padding-left: 20px;
            color: #99aabb; }
        html body .content .page-inner .item-content .table-box table tbody tr td {
          color: #667788; }
          html body .content .page-inner .item-content .table-box table tbody tr td a {
            color: #03a9f4;
            margin-right: 15px; }
    html body .content .add-user-box {
      position: absolute;
      top: 30px;
      width: 25%;
      bottom: 0;
      background: #f2f5f6;
      border: 1px solid rgba(150, 150, 150, 0.18);
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.14);
      z-index: 11;
      right: -25%;
      opacity: 0; }
      html body .content .add-user-box .add-user-back {
        background: #fff;
        width: 100%;
        padding: 10px 20px 20px 20px; }
        html body .content .add-user-box .add-user-back .add-user-form .form-name {
          font-size: 12px;
          color: #667788;
          letter-spacing: 0;
          line-height: 18px;
          text-align: left;
          margin-top: 10px;
          display: block; }
        html body .content .add-user-box .add-user-back .add-user-form .form-input {
          margin-top: 5px; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input #Dpt-select {
            cursor: pointer; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input .error-msg {
            color: #ed807c;
            margin-bottom: 0; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input input {
            padding-left: 15px; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input input, html body .content .add-user-box .add-user-back .add-user-form .form-input select {
            width: 100%;
            background: #ffffff;
            border: 2px solid #dae4e9;
            border-radius: 2px;
            outline: none;
            height: 30px;
            box-sizing: border-box; }
            html body .content .add-user-box .add-user-back .add-user-form .form-input input.error-i, html body .content .add-user-box .add-user-back .add-user-form .form-input select.error-i {
              border: 1px solid #ed807c;
              box-shadow: 0px 0px 3px #ed807c;
              -webkit-animation: light .3s ease-in-out;
              animation: light .3s ease-in-out; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input .station-td select {
            width: 95%; }
          html body .content .add-user-box .add-user-back .add-user-form .form-input .station-td.right {
            text-align: right;
            float: none; }
        html body .content .add-user-box .add-user-back table {
          width: 100%; }
          html body .content .add-user-box .add-user-back table tbody {
            width: 100%; }
            html body .content .add-user-box .add-user-back table tbody tr {
              width: 100%; }
              html body .content .add-user-box .add-user-back table tbody tr.form-name {
                font-size: 12px;
                color: #667788;
                letter-spacing: 0;
                line-height: 18px;
                text-align: left;
                margin-top: 10px;
                display: block; }
              html body .content .add-user-box .add-user-back table tbody tr.form-input {
                margin-top: 5px; }
                html body .content .add-user-box .add-user-back table tbody tr.form-input .error-msg {
                  color: #ed807c; }
                html body .content .add-user-box .add-user-back table tbody tr.form-input input {
                  padding-left: 15px; }
                html body .content .add-user-box .add-user-back table tbody tr.form-input input, html body .content .add-user-box .add-user-back table tbody tr.form-input select {
                  width: 100%;
                  background: #ffffff;
                  border: 2px solid #dae4e9;
                  border-radius: 2px;
                  outline: none;
                  height: 30px;
                  box-sizing: border-box; }
                  html body .content .add-user-box .add-user-back table tbody tr.form-input input.error-i, html body .content .add-user-box .add-user-back table tbody tr.form-input select.error-i {
                    border: 1px solid #ed807c;
                    box-shadow: 0px 0px 3px #ed807c;
                    -webkit-animation: light .3s ease-in-out;
                    animation: light .3s ease-in-out; }
                html body .content .add-user-box .add-user-back table tbody tr.form-input .station-td select {
                  width: 95%; }
                html body .content .add-user-box .add-user-back table tbody tr.form-input .station-td.right {
                  text-align: right;
                  float: none; }
      html body .content .add-user-box .user-btn-box .user-btn {
        border-radius: 4px;
        width: 50%;
        height: 30px;
        display: block;
        margin: auto;
        border: 0;
        outline: none;
        font-size: 12px;
        cursor: pointer; }
        html body .content .add-user-box .user-btn-box .user-btn.add-btn {
          background: #03a9f4;
          color: #ffffff;
          margin-top: 30px; }
          html body .content .add-user-box .user-btn-box .user-btn.add-btn:hover {
            background: #66bb6a; }
        html body .content .add-user-box .user-btn-box .user-btn.cancel-user-btn {
          background: #ffffff;
          border: 1px solid #e6ecef;
          color: #99aabb;
          margin-top: 15px; }
